

$(function(){

     // /* 初始化富文本编辑器 */
     // CKEDITOR.replace('文本域的id');
     CKEDITOR.replace('content');

     // 给提示框添加点击事件
     $('#addBtn').on('click', function () {
         $('#modelId').hide();
     })

     // 动态加载所有分类
     $.ajax({
         type: 'get',
         url: '/admin/category/getAllCategories',
         success(res) {
             // console.log(res.data);
             let html = '<option value="0">所有分类</option>'
             res.data.forEach(e => {
                 html += `<option value="${e.id}">${e.name}</option>`
             });
             $('#category').html(html);
         }
     });
    /*
     实现上传
      file按钮，如果是点击事件，点击了立刻就触发了，此时还没有选中文件，点击事件是无法得到文件的
      需要注册 change 事件 - 这个事件是指  表单元素的value属性  发生变化的事件
    */
    $('#feature').on('change', function () {
     if (!this.files[0]) return;
     // console.log(this.files);
     let file = this.files[0];
     // 使用FormData对象，先把文件转换为流的形式
     let fd = new FormData()
     fd.append('feature', file);
     // 发送ajax请求
     var xhr = new XMLHttpRequest();
     xhr.open('post', '/admin/post-add/uploadFeature');
     // 发送文件是不需要请求头的
     xhr.send(fd);
     xhr.onreadystatechange = function () {
         if (xhr.readyState == 4 && xhr.status == 200) {
             let res = JSON.parse(xhr.responseText);
             //    console.log(res);
             if (res.code === 200) {
                 $('.thumbnail').show().attr('src', res.src)
                 // 为了后面收集表单的时候，有图片的地址，就把图片的地址设置给隐藏域的value
                 $('#imgSrc').val(res.src);
             } else {
                 $('.container-fluid').text(res.msg);
                 $('#modelId').model();
             }
         }
     }
    })
    // let src=location.search
    // console.log(src);
    if (location.search){
        let id=location.search.substring(4);
        $.ajax({
            type:'get',
            url: '/admin/post-add/getPostById',
            data:{id},
            success(res){
                // console.log(res.data);
                if(res.code===200){
                    $('#title').val(res.data.title);
                    $('#slug').val(res.data.slug);
                    $('#content').val(res.data.content);
                    $('.thumbnail').attr('src', res.data.feature).show();
                    $('#imgSrc').val(res.data.feature);
                    $('#category').val(res.data.category_id);
                    let created = res.data.created.substring(0, 16);
                    // console.log(created);
                    $('#created').val(created);
                    $('#status').val(res.data.status);
                    $('form').append(`<input id='oldId' type="hidden" name="id" value="${res.data.id}">`)
                }
            }
        });
        $('#btn-save').on('click',function(){
             CKEDITOR.instances.content.updateElement();
             let data = $('form').serialize();
            // console.log(data);
            $.ajax({
                type:'post',
                url: '/admin/post-add/updatePostById',
                data,
                success(res){
                     if (res.code === 200) {
                         $('#updateId').modal();
                     } else {
                         $('.container-fluid').text(res.msg);
                         $('#updateId').modal();
                     }
                }
            })
         })
         //  修改成功提示框点击确定跳回
         $('#updateBtn').on('click', function () {
            $('#updateId').hide()
         })
    }else{
         // 给保存按钮注册点击事件
         $('#btn-save').on('click', function () {
             // 获取数据之前，我们可以使用ckeditor提供的方法，得到数据
             // 还提供了一个方法，用于把富文本编辑器里面的内容更新回文本域
             // CKEDITOR.instances.初始化的时候的文本域的id.updateElement();
             CKEDITOR.instances.content.updateElement();
             // 把data装换成对象
             // 基本表单验证
             if ($('#title').val().trim() === '') {
                 $('.modal-body>.container-fluid').text('标题不能为空');
                 $('#modelId').modal();
                 return;
             }
             if ($('#slug').val().trim() === '') {
                 $('.modal-body>.container-fluid').text('slug不能为空');
                 $('#modelId').modal();
                 return;
             }
             // console.log($('#content').text())
             // if ($('#content').text().trim() === '') {
             //     $('.modal-body>.container-fluid').text('内容不能为空');
             //     $('#modelId').modal();
             //     return;
             // }
             let data = $('form').serialize();
            //  console.log(data);
             $.ajax({
                 type: 'post',
                 url: '/admin/post-add/addNewPost',
                 data,
                 success(res) {
                     if (res.code === 200) {
                         $('.modal-body>.container-fluid').text('添加成功');
                         $('#modelId').modal();
                     } else {
                         $('.modal-body>.container-fluid').text('添加失败');
                         $('#modelId').modal();
                     }
                 }
             })

         })
    }


   
})